import QtQuick

Rectangle {
  color: "black"
  width: 1280
  height: 780

  Image {
    id: img_bg
    source: "qrc:/images/main-bg.png"
    anchors.fill: parent
  }

  Image {
    id: pwr_state
    source: "qrc:///images/Power-state.png"
    anchors.top: parent.top; anchors.topMargin: 5
    anchors.left: parent.left; anchors.leftMargin: 20
  }

  LeftArea {
    id: left
    anchors.top: pwr_state.bottom
    anchors.topMargin: 10
    anchors.left: parent.left
    anchors.leftMargin: 20
  }

  CenterArea {
      id: center
      anchors.left: left.right
      anchors.leftMargin: 20
      anchors.top: parent.top
      anchors.topMargin: 0
  }

  RightArea {
    id: right
    anchors.top: parent.top
    anchors.right: parent.right
  }

  Bottom {
    id: bottom
    anchors.left: parent.left
    anchors.bottom: parent.bottom
  }

}
